<!--
 * @Author: wrh123 482597539@qq.com
 * @Date: 2024-01-11 21:36:42
 * @LastEditors: wrh123 482597539@qq.com
 * @LastEditTime: 2024-01-11 21:41:09
 * @FilePath: /vue-admin/src/views/withdrawal/components/withdrBtn.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="components">
    <el-dialog title="提现申请" :visible="dialogVisible" width="30%" :before-close="handleClose">
      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
        <el-form-item label="申请类型:">
          <el-select size="mini" placeholder="请选择申请类型">
            <el-option label="盈利分成" :value="1" />
            <el-option label="报名费" :value="2" />
          </el-select>
        </el-form-item>
        <el-form-item label="处理结果">
          <el-select v-model="value" size="mini">
            <el-option label="已处理" :value="1" />
            <el-option label="已拒绝" :value="2" />
          </el-select>
        </el-form-item>
        <el-form-item v-if="value === 1" label="提现金额">
          <el-input size="mini" />
        </el-form-item>
        <el-form-item v-if="value === 2" label="拒绝原因">
          <el-input size="mini" />
        </el-form-item>
        <el-form-item>
          <el-row type="flex" justify="end" style="margin-top: 10px;">
            <el-button size="mini" @click="handleClose">取 消</el-button>
            <el-button size="mini" type="primary" @click="btnOK">保存</el-button>
          </el-row>
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'VueAdminWithdrBtn',
  props: {
    dialogVisible: {
      default: false,
      type: Boolean
    }
  },
  data() {
    return {
      value: null,
      ruleForm: {

      },
      rules: {

      }
    }
  },

  mounted() {

  },

  methods: {
    // 取消
    handleClose() {
      this.$emit('update:dialogVisible', false)
    },
    btnOK() {
      this.handleClose()
    }

  }
}
</script>

<style lang="scss" scoped></style>
